<!--
 * @Author      : ZhouQiJun
 * @Date        : 2025-08-06 23:06:40
 * @LastEditors : ZhouQiJun
 * @LastEditTime: 2025-11-05 21:50:15
 * @Description :
-->
<script setup>
import { defineAsyncComponent } from 'vue'
import HelloWorld from './components/HelloWorld.vue'
//@ts-ignore
const RemoteButton = defineAsyncComponent(() => import("remote_app/Button"));
//@ts-ignore
import { Button as TButton } from 'tdesign-vue-next';
</script>

<template>
  <div>
    <TButton>按钮</TButton>
    <RemoteButton msg="远程按钮" />
  </div>
  <HelloWorld msg="Vite + Vue" />
</template>

<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
